﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    color: #444;
    background-color: #fff;
    background-image: url(img/bg.jpg); 
    background-position: top center;
    background-repeat: no-repeat;
    background-position: fixed;
    text-align: left;
}
/* nested <li>, used in taxonomy tree. */

/*li li
{
    margin-left:20px;
}
*/

img 
{
    vertical-align:middle;
    border:0;
    
}

p 
{
    margin:0.5em 0;
    line-height:20px;
    text-align:justify;
}

fieldset
{
    padding:1em !important;
    border:1px dashed #ccc !important;
    margin:15px 0;
}
legend 
{
    background:#eee;
    margin:0 1em;
    padding:5px 1.5em !important;
    border:1px solid #ddd;
    font-size:12px;
    font-weight:bold;
    color:#333;
}
/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    color:#555;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}
h2 
{
    margin-top:0.25em;
    margin-bottom: 0.5em;
}

h1.logo 
{
    font-family: 'Architects Daughter', Sans-Serif !important;
    color:#666;
    font-size:60px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}
h2.logo 
{
    font-family: 'Architects Daughter', Sans-Serif !important;
    color:#666;
    font-size:30px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}
.logo .prototype
{
    font-size:0.6em;
    color:#999;
    font-style:italic;
}
/*
h1, h2, h3{ font-weight:bold;}

h1{color:#000;font-size:36px;letter-spacing:0px;line-height:38px;margin:1em 0;padding:0;text-shadow:#666 1px 1px 1px;font-variant:small-caps }
h2{color:#333;font-size:24px;letter-spacing:0px;line-height:24px;margin:0.5em 0 1em;text-shadow:#777 1px 1px 3px ;font-variant:small-caps}
h3{color:#333;font-size:21px;letter-spacing:0px;line-height:18px;margin:1em 0;}
h4{color:#333;font-family:"Arial", "Helvetica", sans-serif !important;font-size:16px;line-height:18px;margin:10px 0;}
h5, h6
{
    font-size: 1em;
}
*/

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

#flags
{
    padding-left: 15px;
}


/* Table: */
table 
{
    min-width: 80%;
}
/* #Menu
================================================== */

#nav {
    display: block;
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 0 auto 0;
    min-height: 25px;
    padding: 6px 0 0;

}
#nav ul {
    display: block;
    font-family: 'Calibri', Sans-Serif;
    font-weight: 300;
    margin: 0 auto;
    text-align: center;
    list-style:none
}

#nav ul li {
    display: inline;
    border-color: #d3d3d3;
    border-right: 1px solid #d3d3d3;
    padding: 0 25px 0;
}
#nav ul li a, nav ul li a:visited, nav ul li a:active {
    border-radius: 2px 2px 2px 2px;
    color: #555555;
    font-size: 16px;
    position: relative;
    text-decoration: none;
}

#nav ul li.first {
    padding-left: 0;
}

#nav ul li.last {
    border-right: none;
    padding-right: 0;
}

#nav ul li.lastflags {
    border-right: none;
    padding-right: 0;
    text-align:right;
}

#nav ul li a:hover, nav ul li a:focus {
    color: #f60;
}


/* Display model table: */
.modeldisplay_table 
{
    color: #666; 
    font-family:Helvetica, Arial, Sans-Serif;
    border:0;
}
.modeldisplay_table td
{
    color: #666; 
    border:0;
}
.modeldisplay_table tr th 
{
    color: #666; 
    min-width:130px;
    border:0;
    font-weight:bold;
}

     
/* AUTO COMPLETE - jQUERY UI */
.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
	* we use height instead, but this forces the menu to always be this tall
	*/
* html .ui-autocomplete {
	height: 200px;
}
/* taxonomy: */
.taxonomy_autocomplete_label 
{
    font-weight:bold;
    font-size:110%;
}    
.taxonomy_autocomplete_description 
{
    font-style:italic;
}

/* LISTS */

ul.linklist 
{
    margin:2em 0;
	list-style-type: none;
	padding-left: 0;
}
ul.linklist li
{
    background: url(img/001_09.png) left center no-repeat;
    margin-top:16px;
    padding-left:20px;
}
ul.linklist li span.project_name 
{
    font-family: 'Signika Negative', Tahoma, Arial;   
    font-size: 16px;    
}

ul.taxonlist 
{
    margin:0.5em 2em;
	list-style-type: none;
	padding-left: 0.5em;
    font-size: 16px;
}

ul.taxonlist li
{
    font-family: 'Signika Negative', Tahoma, Arial;
    background: url(img/001_09.png) left center no-repeat;
    margin-top:16px;
    padding-left:20px;
    font-weight: bold;
}

ul.taxonlist li.kingdom 
{
    font-weight:normal;
}

ul.taxonlist ul.taxonlist li 
{
    font-size: 0.9em;
    font-weight: normal;
}


span.project_name 
{
    font-family: 'Signika Negative', Tahoma, Arial;   
    font-size: 16px;    
}

/* AUTO COMPLETE - MVC AJAX
----------------------------------------------------------*/

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px !Important;
	padding: 0px !Important;
    background-color : #fff;
	color : #000;
	border : #ccc;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style: none !Important;
    width: 400px !Important;
    z-index: 9999999;
}
.autocomplete_completionListElement li{
    display: block;
    padding: 1px !Important;
    margin: 0px;
}
/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #99ff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}







/********************************
* Styles for occurrence display *
********************************/
.taxonomic_group_header 
{
    color:#444;
    padding: 0.4em 0.25em;
    font-size: 16px;
    background: orange;
}
.taxonomic_group_header .group_title 
{
    font-weight: bold;
}

/* Specimen list table */
table.specimenlist 
{
    border:0;
}
table.specimenlist td
{
    border:0;
}
table.specimenlist th
{
    border:1px solid #ccc;
    background: #eee;
    color:#666;
}


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.   
{
    color: Red;
}

.monospace 
{
    font-family:Monospace;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
    font-style:italic;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee !important;
}

.validation-summary-errors
{
    color: #ff0000;
}
.validation-summary-errors span
{
    font-weight:bold;
}
.validation-summary-errors ul 
{
    margin: 1em 3.5em;
    list-style:disc;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label, .display-field, .editor-field
{
    margin: 0.25em 0;
}
.display-label
{
    font-size:16px !important;
    font-weight:600;
}
.editor-label 
{
    font-weight:bold;
}
.display-field, .editor-field
{
    margin-bottom: 1.25em;
}
.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

.required_field 
{
    color:#900;
}

/* Pagination: */
div.pagination 
{
    margin:1.5em 0;
    font-weight:bold;
    border:1px solid #ccc;
    padding:0.5em 1em;
    background-color:#eee;
}
div.pagination span.paginationLeft 
{
    margin-right:1em;
}

div.pagination span.paginationRight
{
    margin-left:2em;
}

div.pagination span.paginationRight img
{
    opacity:0.3;
    filter:alpha(opacity=30); /* For IE8 and earlier */   
}
div.pagination span.paginationRight a img
{
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */   
}


/* Species Profile */
#species_profile 
{
    
}
#species_profile div#scientific_name
{
    margin:1em 0 1.5em;    
    font-size:140%;
    font-style:italic;
}
#species_profile div.concept 
{
    margin:0.5em;
}
#species_profile div.concept .concept_name
{
    position:relative;
    float:left;
    width:260px;
    font-style:italic;
}

#species_profile div#taxon_concepts
{
    margin:1.5em 0;
}
#species_profile div#data_objects_text 
{
    margin:1.5em 0;
}

#species_profile div#data_objects_media
{
    margin:1.5em 0;
}
#species_profile div#data_objects_media img
{
    margin:0.25em 1em;
}


/* Occurrence form */
div.wizard_container 
{
    border: 2px solid #ddd;
    padding-left:1em;
    padding-bottom:1em;
    background: #f7f7ff;
    -khtml-border-radius: 5px; -moz-border-radius: 5px; -opera-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    margin-bottom:1em;
}
div.wizard_container fieldset
{
    background:white;
    
}

/* Specimen list table */
#SpeciesListTable 
{
    width:100%;
    min-height:400px;
}
#SpeciesListTable tbody tr 
{
    height:30px;
}

#SpeciesListTable tbody tr td img.legacy_taxonomy_image
{
    position:relative;
    float: right;
}

ul.taxclass
{
    margin:0;
    padding:0;
}
ul.taxclass li
{
    margin:0;
    padding:0;
}
/* sp list as tree: */
#specimen_tree 
{
    min-height:400px;
}
span.taxon_node 
{
    font-family: "Tahoma", "Arial", sans-serif;
    font-size:15px;
    padding-left:0.5em;
    padding-right:2em;
}

/* highslide */
div.thumbwrapper, div.textwrapper {
	float: left;
	height: 130px;
	width: 130px;
	padding: 5px;
	background: #F0EEE0;
	margin: 8px;
	border: 1px solid #AFAB8E;
	text-align: center;
}


/* specimen list from spreadsheet */
.parse_specimen_item 
{
    margin:1em 0;
    padding:1em 0;
    border-bottom:1px solid #ccc;
    font-weight:normal;
}
.new_taxon 
{
    color:#900;
    font-weight:bold;
}

/* foundation 'corrections' */
.nice 
{
    margin-right:1em;
}

.panel 
{
    border:1px solid #ccc;
    border-top: 1px solid #eee;
}

